"use client"

// TODO: 区别是？
// import { useRouter } from "next/router";
import { useRouter } from "next/navigation";


// export default async function Page({ params }: { params: Promise<{ id: string }> }) {
export default async function Page({ params }: { params: { id: string } }) {
    const router = useRouter()
    // const { id } = React.use(params)
    // console.log("params", id)

    return (
        <div style={{ position: "absolute", width: "100%", height: "100%", background: "rgba(0,0,0,0.7)", left: 0, top: 0, color: "#fff" }} onClick={router.back}>
            <div>
                用户{params.id}
            </div>
            <div>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor sapiente nemo maiores laboriosam ab magni nostrum vero totam, consequatur atque voluptatem molestiae quia repellat aperiam nesciunt deleniti asperiores culpa. Sit.
            </div>
        </div>
    );
}
